import React from 'react'
import ReactDOM from 'react-dom'

// 1.先定义
class Hello extends React.Component{
  // 必须有render
  render() {
    // render 当中的this是什么？ 是Hello组件的实例对象
    console.log(this)
    // render里面必须有return
    return <h1>Hello React</h1>
  }
}

// 2.在使用
// ReactDom.render渲染过程
// 1.解析<Hello/>发现大写开头的，会当作组件进行解析
// 2.又发现是一个类组件，内部会new Hello()得到一个组件实例，调用实例下面的render方法(实例.render()),拿到JSX结构(虚拟DOM，React元素)
//3.转换成真实DOM渲染到页面上
ReactDOM.render(<Hello/>,document.querySelector('#react'))